<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="../common/head.jsp" %>
<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>供应商管理页面</span>
    </div>
    <div class="search">
        <form>
            <input name="method" value="query" type="hidden">
            <span>供应商编码：</span>
            <input name="queryProCode" type="text" id="queryProCode">

            <span>供应商名称：</span>
            <input name="queryProName" type="text" id="queryProName">

            <input value="查 询" type="button" id="searchbutton" onclick="getProviderList(1,document.getElementById('queryProCode').value,document.getElementById('queryProName').value)">
            <a href="statics/jsp/provider/provideradd.jsp">添加供应商</a>
        </form>
    </div>
    <!--供应商操作表格-->
    <table class="providerTable" cellpadding="0" cellspacing="0">
        <thead>
        <tr class="firstTr">
            <th width="10%">供应商编码</th>
            <th width="20%">供应商名称</th>
            <th width="10%">联系人</th>
            <th width="10%">联系电话</th>
            <th width="10%">传真</th>
            <th width="10%">创建时间</th>
            <th width="30%">操作</th>
        </tr>
        </thead>
        <tbody id="providerList">
        </tbody>
    </table>
    <div class="page-bar">
        <ul class="page-num-ul clearfix">
            <li>共<span id="total"></span>条记录&nbsp;&nbsp; 当前<span id="currentPage">1</span>页/<span
                    id="totalPage">10</span>页
            </li>
            <a href="javascript:getProviderList(1,document.getElementById('queryProCode').value,document.getElementById('queryProName').value);">首页</a>
            <a href="javascript:getProviderList(document.getElementById('currentPage').innerHTML-1,document.getElementById('queryProCode').value,document.getElementById('queryProName').value);">上一页</a>
            <a href="javascript:getProviderList(Number(document.getElementById('currentPage').innerHTML)+1,document.getElementById('queryProCode').value,document.getElementById('queryProName').value);">下一页</a>
            <a href="javascript:getProviderList(document.getElementById('totalPage').innerHTML,document.getElementById('queryProCode').value,document.getElementById('queryProName').value);">最后一页</a>
        </ul>
        <span class="page-go-form"><label>跳转至</label>
	     <input type="text" name="inputPage" id="inputPage" class="page-key"/>页
	     <button type="button" class="page-btn"
                 onClick="getProviderList(document.getElementById('inputPage').value)">GO</button>
	</span>
    </div>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该供应商吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="../common/foot.jsp" %>
<script type="text/javascript" src="statics/js/providerlist.js"></script>
